<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link href="css/style.css" rel="stylesheet" />
		<link rel="stylesheet" href="css/na.css" />
		<script type="text/javascript" src="js/jquery-2.1.4.js"></script>
		
	</head>

	<body>
		<div class="bg">
			<div class="head_top">
				<img src="images/header.png" alt="" />
			</div>
			<!--我方头像-->
			<header>
				<div class="head_left">
					<div class="tx_xs1">
						<div class="txk_xs">
							<img src="images/tx1.jpg" class="tx" />
						</div>
					</div>
				</div>
				<div class="head_right">
					<div class="yhm_top">久久*夕颜<img src="images/wf.png" alt="" class="right_tb" /></div>
					<div class="yhm_buttom">总金币数：420<img src="images/jinb.png" alt="" class="right_tb" /></div>
				</div>
			</header>
			<div style="clear:both;"></div>
			<!--我方-->
			<div class="quan_box">
				<div class="center">
					<ul class="quan_left">
						<li><img src="images/tc.png" alt="" />退出</li>
						<li><img src="images/gz.png" alt="" />游戏规则</li>
						<li><img src="images/jl.png" alt="" />押注奖励</li>
					</ul>
					<div class="quan_center">
						<img src="images/bu.png" alt="" />
					</div>
					<ul class="quan_right">
						<li><img src="images/ks.png" alt="" /></li>
						<li><img src="images/cq.png" alt="" /></li>
					</ul>
				</div>
			</div>
			<div style="clear:both;"></div>
			<!--押注-->
			<div class="yazhu_box">
				<div class="center">
					<ul class="yazhu_left">
						<li><img src="images/jian.png" alt="" class="yz_y" /></li>
					</ul>
					<ul class="yazhu_center">
						<li>游戏押注<img src="images/yz.png" alt="" /></li>
						<li>10</li>
					</ul>
					<ul class="yazhu_right">
						<li><img src="images/jia.png" alt="" class="yz_r" /></li>
					</ul>
				</div>
			</div>
			<div style="clear:both;"></div>
			<div class="y_box">
				<div class="center">
					<ul class="y_left">
						<li><img src="images/yftx.png" alt="" /></li>
					</ul>
					<div class="y_center">
						<img src="images/y.png" alt="" />
					</div>
					<ul class="y_right" style="margin-top: 25px;">
						<li><img src="images/ks.png" alt="" /></li>
						<li><img src="images/cq.png" alt="" /></li>
					</ul>
				</div>
			</div>
			<!--底部-->
			<footer>
				<div class="head_left">
					<div class="tx_xs1">
						<div class="txk_xs">
							<img src="images/y.png" class="y_tx" />
						</div>
					</div>
				</div>
				<div class="head_right">
					<div class="yhm_top">微信ID：<span>?</span><img src="images/yf.png" alt="" class="right_tb" /></div>
					<div class="yhm_buttom">总金币数：<span>?</span><img src="images/jinb.png" alt="" class="right_tb" /></div>
				</div>
			</footer>

			<!--新手红包--->
			<div class="xshb_box" style="display: none;">
				<div class="xshb_tu"><img src="images/lqu.png" alt="" /></div>
			</div>

			<!--结算界面-->
			<div class="xshb_box" style="display: none;">
				<div class="kuang">
					<div class="fk">
						<p class="ov">
							<img src="images/close.png" class="close" />
						</p>

						<div class="ov">
							<div class="left1">
								<p>押注</p>
								<p>券种</p>
							</div>
							<div class="right1">
								<div class="df">
									<ul style="overflow: hidden;">
										<li style="color: #FFFFFF;">我方</li>
										<li class="yell">友方</li>
									</ul>
								</div>
								<div class="bisai">
									<div class="cj">
										<span class="yell">10</span>
										<img src="images/jinb.png" class="jinb">
									</div>
									<div class="cj">
										<span class="yell">10</span>
										<img src="images/jinb.png" class="jinb">
									</div>
									<div class="cj">
										<span class="yell">布</span>
									</div>
									<div class="cj">
										<span class="yell">？</span>
									</div>
								</div>
							</div>
						</div>
						<div class="cen">
							<p class="yell size14">分享朋友，邀请他一起TA猜拳。赢得金币,</p>
							<p class="yell size14">获得奖励，购物充值直接抵扣现金。</p>
							<p class="size14 lan">提示：可同时多次发起比赛哦。</p>

							<img src="images/fenxiang.png" class="fenxiang" />
							<div>
								<img src="images/shou.png" class="shou" />
							</div>

						</div>
					</div>
				</div>
			</div>
			
			
			<!--温馨提示-->
			<div class="xshb_box">
				<div class="kuang">
					<div class="fk1">
						<p class="ov">
							<img src="images/close.png" class="close" />
						</p>
						<div class="wx_ts">温馨提示</div>
						<div class="cen">
							<p class="yell_zs size_top">您的金币不够此次的押注. </p>
							<p class="yell_zs size14">请尽快充值，不要让朋友等太久哦 >_<</p>
							<p class="font_w lan">现在充值有优惠哦！</p>

							<img src="images/ljcz.png" class="fenxiang" />
							<div>
								<img src="images/shou.png" class="shou" />
							</div>

						</div>
					</div>
				</div>
			</div>
			
			<!--抵用券-->
			<div class="xshb_box" style="display: none;">
				<div class="kuang">
					<div class="fk">
						<p class="ov">
							<img src="images/close.png" class="close" />
						</p>

						<div class="ov">
							<div class="left1">
								<p>押注</p>
								<p>券种</p>
							</div>
							<div class="right1">
								<div class="df">
									<ul style="overflow: hidden;">
										<li class="white">我方</li>
										<li class="white">友方</li>
									</ul>
								</div>
								<div class="bisai">
									<div class="cj">
										<span class="yell">10</span>
										<img src="images/jinb.png" class="jinb">
									</div>
									<div class="cj">
										<span class="yell">10</span>
										<img src="images/jinb.png" class="jinb">
									</div>
									<div class="cj">
										<span class="yell">布</span>
									</div>
									<div class="cj">
										<span class="yell">？</span>
									</div>
								</div>
							</div>
						</div>
						<div class="cen">
							<p class="yell size_2r">我方胜！赢+20  <img src="images/jinb.png" /></p>
							<p class="gongxi">恭喜您  获得一张  50元抵用券</p>
							<p><img src="images/yhj.png" class="fenxiang" /></p>
							
							<img src="images/ckyh.png" class="fenxiang" />
							<img src="images/zlyj.png" class="fenxiang" />
							<div>
								<img src="images/shou.png" class="shou" />
							</div>

						</div>
					</div>
				</div>
			</div>
			
			<!--金币-->
			<div class="xshb_box" style="display: none;">
				<div class="kuang">
					<div class="fk">
						<p class="ov">
							<img src="images/close.png" class="close" />
						</p>

						<div class="ov">
							<div class="left1">
								<p>押注</p>
								<p>券种</p>
							</div>
							<div class="right1">
								<div class="df">
									<ul style="overflow: hidden;">
										<li class="white">我方</li>
										<li class="white">友方</li>
									</ul>
								</div>
								<div class="bisai">
									<div class="cj">
										<span class="yell">10</span>
										<img src="images/jinb.png" class="jinb">
									</div>
									<div class="cj">
										<span class="yell">10</span>
										<img src="images/jinb.png" class="jinb">
									</div>
									<div class="cj">
										<span class="yell">布</span>
									</div>
									<div class="cj">
										<span class="yell">？</span>
									</div>
								</div>
							</div>
						</div>
						<div class="cen">
							<p class="yell size_2r">我方胜！赢+20  <img src="images/jinb.png" /></p>
							<p class="gongxi">恭喜您  获得5个金币</p>
							<p class="jinqian yell"><img src="images/jinqian.png" alt="" />  x 5</p>
	
							<img src="images/ckyh.png" class="fenxiang" />
							<img src="images/zlyj.png" class="fenxiang" />
							<div>
								<img src="images/shou.png" class="shou" />
							</div>

						</div>
					</div>
				</div>
			</div>
			
			<!--积分-->
			<div class="xshb_box" style="display: none;">
				<div class="kuang">
					<div class="fk">
						<p class="ov">
							<img src="images/close.png" class="close" />
						</p>

						<div class="ov">
							<div class="left1">
								<p>押注</p>
								<p>券种</p>
							</div>
							<div class="right1">
								<div class="df">
									<ul style="overflow: hidden;">
										<li class="white">我方</li>
										<li class="white">友方</li>
									</ul>
								</div>
								<div class="bisai">
									<div class="cj">
										<span class="yell">10</span>
										<img src="images/jinb.png" class="jinb">
									</div>
									<div class="cj">
										<span class="yell">10</span>
										<img src="images/jinb.png" class="jinb">
									</div>
									<div class="cj">
										<span class="yell">布</span>
									</div>
									<div class="cj">
										<span class="yell">？</span>
									</div>
								</div>
							</div>
						</div>
						<div class="cen">
							<p class="yell size_2r">我方胜！赢+20  <img src="images/jinb.png" /></p>
							<p class="gongxi">恭喜您  获得5积分</p>
							<p class="jinqian yell">积分 x 5</p>
	
							<img src="images/ckyh.png" class="fenxiang" />
							<img src="images/zlyj.png" class="fenxiang" />
							<div>
								<img src="images/shou.png" class="shou" />
							</div>

						</div>
					</div>
				</div>
			</div>
			
			
		</div>
	</body>
	<script>
		$(document).ready(function() {
			$(".close").click(function() {
				$(".xshb_box").hide();
			});
		});
	</script>

</html>